<!--
 *@Description: 项目报建模块
 *@Author: ʟɪ ᴢʜɪ ᴛᴏɴɢ
 *@Date: 2022-10-25 10:14:26
-->
<template>
  <div id="application">
    <div class="title-text">当前项目报建总数量</div>
    <div class="total-count">6800</div>
    <dv-border-box-8 v-for="(item ,index) in list" :key="index">
      <div class="title-word">{{item.name}}</div>
      <div class="title-number">{{item.value}}</div>
    </dv-border-box-8>
  </div>
</template>
<script>
export default {
  name: 'application',
  components: {},
  data() {
    return {
      list: [
        { name: '工程总数量', value: '1268' },
        { name: '案卷总数量', value: '8849' },
        { name: '文件总数量', value: '16849' },
        { name: '声像总数量', value: '645' },
        { name: '电子签章次数', value: '9689' },
        { name: '原生电子文件数量', value: '9689' }
      ]
    };
  },
  methods: {},
  computed: {},
  mounted() {}
};
</script>
<style scoped>
#application {
  //padding: 10px 20px 20px;
  width: 100%;
  height: 100%;
  /* margin: 30px 5%; */
  color: #fff;
}
.dv-border-box-8 {
  width: 28%;
  height: 32%;
  float: left;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  box-sizing: border-box;
  margin: 0 0 15px 20px;
}
.title-text {
  color: #fff;
  width: 100%;
  height: 30px;
  text-align: center;
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
}
.total-count {
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 46px;
  margin: 10px 0;
  font-family: UnidreamLED;
  letter-spacing: 2px;
}
.title-word {
  font-size: 18px;
}

.title-number {
  font-size: 30px;
  margin-top: 10px;
  font-family: UnidreamLED;
  letter-spacing: 2px;
}
</style>
